<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<h:head>
		<title>Persona</title>
	</h:head>
	<ui:composition template="/sitio/templates/template1.xhtml">
		<ui:define name="edit2">
			<div id="contenidop">
				<h:form id="formularioDetallePersona">
					<p:growl id="mensaje" showDetail="true" life="0001" sticky="true"></p:growl>
					<p:panelGrid columns="2" id="detallePersona">
						<f:facet name="header">
							Gestión de Personas
						</f:facet>
						<h:outputLabel for="codigoPersona" value="Codigo de la persona: "></h:outputLabel>
						<p:inputText id="codigoPersona" value="#{personaBean.personaDTO.codigoPersona}"></p:inputText>
						<h:outputLabel for="identificacion" value="Identificacion: "></h:outputLabel>
						<p:inputText id="identificacion" value="#{personaBean.personaDTO.identificacion}"></p:inputText>
						<h:outputLabel for="nombre" value="Nombre: "></h:outputLabel>
						<p:inputText id="nombre" value="#{personaBean.personaDTO.nombre}"></p:inputText>
						<h:outputLabel for="apellido" value="Apellido: "></h:outputLabel>
						<p:inputText id="apellido" value="#{personaBean.personaDTO.apellido}"></p:inputText>
						<h:outputLabel for="celular" value="Celular"></h:outputLabel>
						<p:inputText id="celular" value="#{personaBean.personaDTO.celular}"></p:inputText>
						<h:outputLabel for="correo" value="Correo"></h:outputLabel>
						<p:inputText id="correo" value="#{personaBean.personaDTO.correo}"></p:inputText>
						<f:facet name="footer">
							<p:commandButton type="submit" value="Crear" style="margin:0" actionListener="#{personaBean.crear}" update=":formularioDetallePersona:mensaje,:formularioResultadoPersona:tablaResultadoPersona"></p:commandButton>
							<p:commandButton type="submit" value="Actualizar" style="margin:0" actionListener="#{personaBean.actualizar}" update=":formularioDetallePersona:mensaje,:formularioResultadoPersona:tablaResultadoPersona"></p:commandButton>
							<p:commandButton type="submit" value="Consultar" style="margin:0" actionListener="#{personaBean.consultarTodo}" update=":formularioDetallePersona:mensaje,:formularioResultadoPersona:tablaResultadoPersona"></p:commandButton>
						</f:facet>
					</p:panelGrid>
				</h:form>
				<p:spacer></p:spacer>
				<h:form id="formularioResultadoPersona">
					<p:panelGrid columns="6">
						<f:facet name="header">
							Información de Personas
						</f:facet>
						<p:dataTable var="p" value="#{personaBean.personaDTOLista}" id="tablaResultadoPersona" selectionMode="single" selection="#{personaBean.personaDTO}" rowKey="#{p.codigoPersona}">
							<p:ajax event="rowSelect" update=":formularioDetallePersona:detallePersona"></p:ajax>
							<p:column headerText="Codigo">
								<h:outputText value="#{p.codigoPersona}"></h:outputText>
							</p:column>
							<p:column headerText="Identificacion">
								<h:outputText value="#{p.identificacion}"></h:outputText>
							</p:column>
							<p:column headerText="Nombre">
								<h:outputText value="#{p.nombre}"></h:outputText>
							</p:column>
							<p:column headerText="Apellido">
								<h:outputText value="#{p.apellido}"></h:outputText>
							</p:column>
							<p:column headerText="Celular">
								<h:outputText value="#{p.celular}"></h:outputText>
							</p:column>
							<p:column headerText="Correo">
								<h:outputText value="#{p.correo}"></h:outputText>
							</p:column>
						</p:dataTable>
					</p:panelGrid>
				</h:form>
			</div>
		</ui:define>
	</ui:composition>
</html>